#home .r4 .inner .clear{opacity: 0;visibility: hidden;} #newDetail .r1 .inner .mid .detail{font-size: 16px;} .layer-map .left{position: relative;z-index: 10;} #app header nav.appNav .inner_top .langDownApp .child>li>a{padding: 8px 8px 8px .58rem;white-space: normal;line-height: 1.3;} #app main .row>.bg>.pic[data-scroll]{height: calc(100% + 30px);top: -20px;} #app header nav.appNav .inner_top .langDownApp{z-index: 10;} #app header nav.appNav .inner_top .langDownApp .child{background-color:rgba(32,32,32,1) } #app header nav.appNav .inner_top .Solaraid .txt{max-width: 8em;line-height: 1;padding-right: .1rem;} .banner>.bg .img{margin-top: -10px!important;} @media screen and (orientation : landscape){ .app{display: none!important;} .layer-map .left{max-width: 20vw;} .layer-map .right .map{max-width: 72vw;object-fit: contain;} #taiSimple .banner .bg{background-color: #000;} #taiSimple .banner .bg .pic{height: 100%!important;top: 0!important;} #taiSimple .banner .inner{min-height: 110vh;align-items: flex-start;} #taiSimple .banner .inner .topic .pro{min-height: 0;} #home .banner .bg{height: 100vh!important;} #home .banner .bg .pic{height: calc(100vh - 10vw);top: auto;bottom: 0;} #home .banner .bg .pic:nth-of-type(1){height: 100%;} .banner>.bg>.pic[data-scroll]{top: 0!important;height: 100%!important;transform: translate3d(0,0,0)!important;} } @media screen and (orientation : portrait){ html{font-size: 50px;} .pc{display: none!important;} .f-120{font-size: 12vw;} .f-100{font-size: 10vw;} .ch .f-100{} .f-90{font-size: 9vw;} .f-80{font-size: 8vw;} .f-36{font-size: 20px;} .f-24{font-size: 16px;} .f-22{font-size: 15px;} .f-20{font-size: 15px;} .f-18{font-size: 14px;} .f-16{font-size: 14px;} .f-14{font-size: 13px;} .f-12{font-size: 12px;} .max-wid{width: 90%;} .maxSize{width: 90%;max-width: 90%;} .dotFn{margin-left: 0;} .dotFn .txt.f-18{font-size: 5vw;} .layer-item .list{padding-left: .4rem;} .layer-btnIcon .mask{width: .8rem;height: .8rem;} .layer-btnIcon .layer-icon{width: .8rem;height: .8rem;} .layer-btn{height: .9rem;padding: 0 .6rem;} .layer-btn .txt{white-space: nowrap;} .layer-btn .iconfont{font-size: 12px;transform: rotate(45deg)translateX(-.1rem);} .layer-map .right{height: 5rem;} #loading .group .img{height: auto !important;width: 80vw;} #app .pop .popCon{width: 84vw;} #app .pop .popCon .closePop{font-size: .5rem;top: calc(100% + .4rem);left: 0;right: 0;margin: 0 auto;width: .5rem;} #app header{width: 100%;} #app footer{padding-top: .9rem;} #app footer .top{flex-direction: column;} #app footer .top .items{display: none;} #app footer .mid .items{display: none;} #app footer .mid .box{width: 100%;flex-direction: column;align-items: flex-start;} #app footer .mid .shareBox .share{width: .72rem;height: .72rem;} #app footer .mid .shareBox .share .f-22{font-size: 18px;} #app footer .mid .box .sendBox{margin-top: .4rem;} #app footer .btm{grid-template-columns: 100%;} #app footer .btm .c3{text-align: left;margin-top: .3rem;} #app footer .mid .box .sendBox .putIn .inRow{height: .8rem;width: 52vw;} #app footer .mid .box .sendBox .putIn .sub{height: .8rem;} #app .pageTree{display: none;} #app main .rowMap{width: 100%;overflow: hidden;} #app main .rowMap .layer-map{grid-auto-flow: row;grid-template-columns: 1fr;} #app main .layer-map{grid-auto-flow: row;grid-template-columns: 1fr;} #app main .layer-map .left{width: 100%;} #app main .layer-map .left .mid{grid-template-columns: 1fr;gap: .2rem;} #app main .layer-map .left .mid .list{width: 100%;height: 1.5rem;} #app main .layer-map .left .mid .list .icon{width: 2rem;} #app main .layer-map .left .mid .list .icon>img{width: 30%;height: 30%;} #app main .layer-map .left .mid .list .mr{margin-right: .2rem;} #app main .layer-map .left .mid .list>small{height: 4em;} #app main .layer-map .right .map{width: 130%;height: auto;left: -23%;top: .6rem;} .packagePop .popCon{width: 90vw;height: 92vw;} .packagePop .popCon .closePackagePop{font-size: 7vw;width: 7vw;height: 7vw;left: 0;right: 0;margin: 0 auto;bottom: calc(100% + .2rem);top: auto;} .imgPopup .popCon{width: 90vw;} .imgPopup .popCon .msg .photo{height: 55vw;} .imgPopup .popCon .msg .box{position: relative;padding: .4rem;background: #ffffff;grid-template-columns: repeat(2,auto);grid-template-rows: repeat(2,auto);gap:.6rem .4rem;} .imgPopup .popCon .msg .box .list{height: auto;padding: 0;} .imgPopup .popCon .msg .box .list>small{margin-bottom: .3rem;} .imgPopup .popCon .msg .box .list>small{color: rgba(0,0,0,0.5);} .imgPopup .popCon .msg .box .wc{color: #000;} .imgPopup .popCon .prevBtn{bottom: 40vw;width: 1rem;height: 1rem;} .imgPopup .popCon .prevBtn .iconfont{font-size: 14px;} .imgPopup .popCon .nextBtn{bottom: 40vw;width: 1rem;height: 1rem;} .imgPopup .popCon .nextBtn .iconfont{font-size: 14px;} .imgPopup .popCon .closeImgPop{font-size: 7vw;width: 7vw;height: 7vw;} #home{overflow: hidden;width: 100%;} #home .row{overflow: hidden;} #home .banner .bg{height: 145vw!important;} #home .banner .bg .pic .bannerMediaApp{top: 6vw;} #home .banner .inner .group{height: 120vw;padding-left: 5vw;padding-right: .5rem;} #home .banner .inner .group .list{width: 100%;} #home .banner .inner .group .list p{line-height: 1.5;} #home .banner .inner .group .list h2{margin-bottom: .1rem;} #home .banner .inner .group .list .set .tab{padding: .18rem .3rem;} #home .banner .part{padding-left: .5rem;padding-right: .5rem;padding-bottom: .2rem;} #home .banner .part .head{right: 5vw;} #home .banner .part .box{grid-template-columns: 100%;} #home .banner .part .box .left{padding-right: 0;margin-bottom: .5rem;} #home .banner .part .box .right{padding-right: 0;grid-template-rows: repeat(2, auto);} #home .banner .part .box .right .chunk{padding: .4rem;} #home .banner .part .box .right .chunk .col{padding: .2rem 0 0 0;} #home .banner .part .box .right .chunk .img{height: .8rem;width: .7rem;object-fit: contain;} #home .banner .part .box .right .chunk .col p{ font-size: 13px; display: -webkit-box;line-height: 1.3; -webkit-line-clamp: 2;height: 2.6em; -webkit-box-orient: vertical; overflow: hidden; } #home .r1 .inner{padding-top: 1.2rem;} #home .r1 .inner .group .list{flex-wrap: wrap;margin-bottom: .8rem;} #home .r1 .inner .group .list .left{width: 100%;padding: .3rem 0 .6rem 0;} #home .r1 .inner .group .list .right{width: 100%;height: 4.5rem;} #home .r1 .inner .group .list .right .photo{height: 38.5713vw;} #home .r1 .inner .group .list .right:after{ content: "";position: absolute;width: 100%;height: 38.5713vw;top: 0;left: 0; background: linear-gradient(0deg,rgba(35,38,38,1) 0%,rgba(35,38,38,0) 25%);z-index: 10; } #home .r1 .inner .group .list .right .tree{z-index: 12;} #home .r1 .inner .group .list .left > .img{height: .8rem;} #home .r1 .inner .group .btm .set{opacity: 0;} #home .r1 .inner .group .btm .logoSw .swiper-wrapper .swiper-slide .photo > img{height: .8rem;} #home .r1 .inner .group .list .right .tree.items-4 .swiper-wrapper{grid-template-columns: repeat(2,1fr);grid-template-rows: repeat(2,.9rem);} #home .r1 .inner .group .list .right .tree .swiper-wrapper .swiper-slide .layer-icon .iconfont{font-size: 13px;} #home .r1 .inner .group .list .right .tree.itemsMore{bottom: .5rem;} #home .r1 .inner .group .list .right .tree.itemsMore .swiper-wrapper .swiper-slide{width: 41vw;} #home .r2{padding-bottom: 1rem;} #home .r2 .inner .top{flex-wrap: wrap;flex-direction: column;} #home .r2 .inner .top .topic{width: 100%;} #home .r2 .inner .top > p{width: 100%;flex: 0;margin-bottom: .4rem;} #home .r2 .inner .mid .set{opacity: 0;} #home .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide{width: 80vw;} #home .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide h3{padding: 0;} #home .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide h3 small{display: block;} #home .r2 .inner .mid .r2Sw .swiper-button-prev{display: none;} #home .r2 .inner .mid .r2Sw .swiper-button-next{display: none;} #home .r3 .inner .top{flex-direction: column;} #home .r3 .inner .top > p{padding-right: 0;width: 100%;} #home .r3 .inner>.mid{padding: 0;} #home .r4 .inner .top{flex-direction: column;margin-bottom: .4rem;} #home .r4 .inner .top .col{width: 100%;} #home .r4 .inner .top .col h3 .letter{display: inline;} #home .r4 .inner .mid{grid-template-columns: repeat(2,1fr);} #home .r4 .inner .mid .list{height: 1.4rem;padding: 0 .3rem;} #home .r5 .inner .mid{overflow: visible;} #home .r4 .inner .clear .img{width: 3.8rem;} #home .r4 .inner .clear .signBox{right: 18vw;top: 0;} #home .r4 .inner .clear .signBox .sign{width: 64vw;} #home .r5 .inner .top{flex-direction: column;} #home .r5 .inner .top .col{width: auto;padding: 0;display: grid;grid-template-columns: auto auto auto;gap: .2rem;justify-content: start;width: 100%;} #home .r5 .inner .top .col .tab{width: auto;padding: 0 .25rem;height: .9rem;margin-left: 0;margin-right: 0;} #home .r5 .inner .top .col .tab > span{line-height: 1.2;} #home .r5 .inner .mid .r5Sw{padding-top: 1rem;} #home .r5 .inner .mid .r5Sw .swiper-wrapper .swiper-slide{width: 72vw;} #home .r5 .inner .mid .r5Sw .swiper-button-prev{left: 0;} #home .r5 .inner .mid .r5Sw .swiper-button-next{left: 1.1rem;} #home .r5 .inner .mid .moreBox .line{width: 20vw;} #home .r5 .part .box{flex-direction: column;height: auto;padding: .4rem;align-items: flex-start;} #home .r5 .part .box .col h2{font-size: 8vw;} #home .r5 .part .box .items{width: 100%;margin-top: .4rem;margin-bottom: .4rem;} #home .r5 .part .box .items > li{width: 100%;} #home .r5 .btm{height: auto;padding: .4rem 0;} #home .r5 .btm .box{flex-direction: column;align-items: flex-start;} #home .r5 .btm .putIn .inRow{width: 50vw;height: .9rem;} #home .r5 .btm .box .putIn{margin: .3rem 0;} #home .r5 .btm .box p{width: 100%;text-align: left;} #app main .rowContact .inner .form{flex-direction: column;} #app main .rowContact .inner .form h2{line-height: 1;margin-bottom: .5rem;} #app main .rowContact .inner .form .col{width: 100%;} #app main .rowContact .inner .form .col .inRow{grid-template-columns: 100%;} #app main .rowContact .inner .form .col .inRow:nth-child(1){grid-template-columns: repeat(2,1fr);} #app main .rowContact .inner .form .col .inRow:nth-child(2){grid-template-columns: repeat(1,1fr);} #app main .rowContact .inner .form .col .inRow .inDown .input-text > input[type="text"]::placeholder{font-size: 12px;} #app main .rowContact .inner .form .col .inRow .inTxt{height: .9rem;} #app main .rowContact .inner .form .col .inRow .inTxt > input[type="text"]{height: 100%;} #app main .rowContact .inner .form .col .inRow .inDown{height: .9rem;} #app main .rowContact .inner .form .col .inRow .inDown.active{z-index: 12;} #app main .rowContact .inner .form .col .inRow .inDown .input-text{height: .9rem;} #app main .rowContact .inner .form .col .inRow .btm{flex-direction: column;align-items: flex-start;padding: .1rem 0 0 0;} #app main .rowContact .inner .form .col .inRow .btm .layer-btn{margin-top: .2rem;} #app main .rowContact .inner .form .col .inRow .inDown .childDown{max-height: 3.5rem;} #app main .rowContact .inner .form .col .inRow .inDown .childDown > li > a{line-height: .7rem;} #reference{width: 100%;overflow: hidden;} #reference .banner > .bg .img{height: 102vw;object-fit: cover;} #reference .banner>.bg .mask{height: 102%;} #reference .banner .inner .top{grid-template-columns: 100%;} #reference .banner .inner .top .part{margin-bottom: .3rem;} #reference .banner .inner .top .part .tab > a{margin-bottom: .15rem;} #reference .banner .inner .mid{grid-template-columns: repeat(1,1fr);gap: .6rem 0;} #reference .banner .inner .mid .box .photo{height: 4rem;} #news{width: 100%;overflow: hidden;} #news .banner > .bg .img{height: 102vw;object-fit: cover;} #news .banner .inner .top{margin-bottom: 1.6rem;} #news .banner .inner .top .yearBox{position: absolute;left: 0;top: calc(100% + .4rem);} #news .banner .inner .top .tabBox{width: 1000vw;} #news .banner .inner .top .tabBox .tab{white-space: nowrap;} #news .banner .inner .top .yearBox .child > a{line-height: .6rem;} #news .banner .inner .top .yearBox .yearDown{padding-right: .4rem;} #news .banner .inner .mid{grid-template-columns: repeat(1,1fr);} #news .banner .inner .mid .box .msg .til h3{font-weight: 600;font-size: 5vw;} #news .banner .inner .mid .box .msg .note{padding-bottom: .3rem;} #news .banner .inner .mid .box .msg .note .btnIcon{display: none;} #newDetail .r1{padding-top: 2rem;} #newDetail .r1 .inner{width: 90%;padding-top: 0;} #newDetail .r1 .inner .left{width: 100%;position: relative;min-height: 10vw;} #newDetail .r1 .inner .left .note{width: calc(100% - 1rem);margin-bottom: 1rem;} #newDetail .r1 .inner .left .return{position: absolute;right: .3rem;top: .3rem;margin-top: 0;} #newDetail .r1 .inner .mid{width: calc(100% - .9rem);} #newDetail .r1 .inner .mid .set .col .msg P{display: none;} #newDetail .r1 .inner .mid .detail *{font-size: 13px; text-wrap-mode: wrap !important;} #contact{width: 100%;overflow: hidden;} #contact .banner > .bg .img{height: 102vw;object-fit: cover;} #contact .banner .inner .til{padding-bottom: .3rem;} #contact .banner .inner .til .tabBox{flex-direction: column;align-items: flex-start;margin: .5rem 0;} #contact .banner .inner .til .tabBox .tabList{margin: .2rem 0;} #contact .banner .inner .mid{grid-auto-flow: row;grid-template-columns: 100%;} #contact .banner .inner .mid .left{width: 100%;} #contact .banner .inner .mid .right{width: 100%;} #contact .banner .inner .mid .left .box .list:first-of-type .img{box-shadow: none;} #contact .banner .inner .mid .left .box .list{width: 100%;height: 1.5rem;} #contact .banner .inner .mid .left .box .list .icon{width: 2rem;} #contact .banner .inner .mid .left .box .list .icon>img{width: 30%;height: 30%;} #contact .banner .inner .mid .left .box .list>small{height: 4em;} #contact .banner .inner .mid .left .box .list .mr{margin-right: .2rem;} #contact .banner .inner .mid .left .box .list .img{height: .7rem;} #contact .banner .inner .mid .right{height: 58vw;} #contact .banner .inner .mid .right .map{width: 120vw;height: auto;left: -18vw;top: 4vw;} #contact .r1 .inner .top .tab{padding: .16rem .4rem;} #contact .r1 .inner .top .tab .dotFn .txt.f-18{font-size: 16px;} #contact .r1 .inner .group .tabBox .form{padding: 0 .4rem;} #contact .r1 .inner .group .tabBox .form .inRow:nth-of-type(6){grid-template-columns: 100%;} #contact .r1 .inner .group .tabBox .form .inRow .inChk input[type="checkbox"]{width: .24rem;height: .24rem;} #contact .r1 .inner .group .tabBox .form .inRow .inChk input[type="checkbox"]:after{width: .1rem;height: .13rem;} #contact .r1 .inner .group .tabBox .form .inRow .inTxt{height: .8rem;} #contact .r1 .inner .group .tabBox .form .inRow .inDown .input-text{height: .8rem;} #contact .r1 .inner .group .tabBox .form .inRow .inDown .childDown{max-height: 3rem;top: 100%;} #contact .r1 .inner .group .tabBox .form .inRow .inDown .childDown>li>a{line-height: .6rem;} #blog{width: 100%;overflow: hidden;} #blog .banner > .bg .img{height: 102vw;object-fit: cover;} #blog .banner>.bg .mask{height: 102%;} #blog .banner .inner .top{margin-bottom: 2.2rem;} #blog .banner .inner .top .tabBox{width: 1000vw;} #blog .banner .inner .top .tabBox .tab{white-space: nowrap;} #blog .banner .inner .top .searchBox{position: absolute;left: 0;top: calc(100% + .4rem);width: 100%;height: .9rem;} #blog .banner .inner .top .searchBox .subSearch{width: .9rem;height: .9rem;} #blog .banner .inner .mid{grid-template-columns: 100%;} #blog .banner .inner .mid .box .msg .items .note p{line-height: 1.2;} #resource{width: 100%;overflow: hidden;} #resource .banner > .bg .img{height: 102vw;object-fit: cover;} #resource .banner .inner .til{flex-direction: column;margin-bottom: 1rem;} #resource .banner .inner .til h1{width: 100%;} #resource .banner .inner .til .searchBox{width: 100%;margin-top: .4rem;} #resource .banner .inner .top{grid-template-columns: 100%;} #resource .banner .inner .top .part{margin-bottom: .5rem;} #resource .banner .inner .top .part .typeBox .inRow h3{font-size: 5vw;} #resource .banner .inner .mid .group .box-1{grid-template-columns: 100%;} #resource .banner .inner .mid .group .box-1 .box .photo{height: 2.5rem;} #resource .banner .inner .mid .group .box-2{grid-template-columns: 100%;} #resource .banner .inner .mid .group .box-2 .box{height: 1rem;} #resource .banner .inner .mid .group .box-3{gap:.2rem;} #resource .banner .inner .mid .group .box-3{grid-template-columns: 100%;} #about{overflow: hidden;width: 100%;} #about .banner .inner{padding: 1rem 5vw;flex-direction: column;align-items: flex-start;justify-content: flex-end;} #about .banner .inner h1{font-size: 14vw;margin-top: .1rem;} #about .r1{padding-top: 1rem;padding-bottom: 1.2rem;} #about .r1 .bg .sign{width: 160%;left: -30%;object-fit: contain;} #about .r1 .inner .group{grid-template-columns: 100%;} #about .r1 .inner .part{grid-template-columns: 100%;} #about .r1 .inner .group .right .img{position: relative;display: block;} #about .r1 .inner .part .right{height: 56.25vw;} #about .r2 .inner{height: 80vw;} #about .r2 .inner .clear{object-fit: cover;height: calc(100% + 100px);margin-top: -50px;} #about .r2 .inner .upSide{left: 5%;width: 90%;} #about .r2 .group{transform: translateY(-.8rem);} #about .r2 .group .box{padding: .4rem;} #about .r2 .group .box > .items{padding-top: 1rem;} #about .r2 .group .box>.items .list:first-of-type{top: 0;} #about .r2 .group .box>.items .list{top: 1rem;} #about .r2 .group .box > .set{grid-template-columns: repeat(2,1fr);} #about .r2 .group .box > .til{top: .4rem;} #about .r2 .group .mapBox{grid-auto-flow: row;} #about .r2 .group .mapBox .right{position: relative;margin-top: .3rem;} #about .r2 .group .mapBox .left .mid .list{width: 100%;height: 1.5rem;} #about .r2 .group .mapBox .left .mid .list .icon{width: 2rem;} #about .r2 .group .mapBox .left .mid .list .icon>img{width: 30%;height: 30%;} #about .r2 .group .mapBox .left .mid .list>small{height: 4em;} #about .r2 .group .mapBox .left .mid .list .mr{margin-right: .2rem;} #about .r2 .group .mapBox .right .map{width: 112%;} #about .r3{height: 110vw;} #about .r4{padding-bottom: 3rem;} #about .r4 .inner .mid{width: 1000vw;justify-content: start;} #about .r4 .inner .mid .part{width: 72vw;} #about .r4 .inner .mid .part .layer-btn{width: 2.5rem;height: .9rem;} #about .r5{height: auto;} #about .r5 .inner .top{top: -1.5rem;} #about .r5 .inner .top small{color: #000;} #about .r5 .inner .top .topic .txt{color: #000;} #about .r5 .inner .group .box .msg h3{line-height: 1.1;} #about .r5 .inner .group{grid-template-columns: repeat(1,1fr);} #about .r5 .inner .group .box{height: 86vw;} #about .r5 .inner .group .box .pic{background-position: center bottom;} #about .r6 .inner .group .swiper-wrapper .swiper-slide{width: 72vw;} #about .r6 .inner .group .swiper-wrapper .swiper-slide .box .msg .til .btnIcon{display: none;} #about .r5 .inner .group .box .msg h3{margin-bottom: .4rem;} #about .r5 .inner .group .box .msg .items{height: 3.2rem;opacity: 1;} #about .r5 .inner .group .box .pic > .mask{opacity: 1;} #roofSolution .banner{width: 100%;overflow: hidden;} #roofSolution .banner .inner{width: 90%;} #roofSolution .banner .inner .topic{padding: 0 5vw;} #roofSolution .banner .inner .topic h1{line-height: 1;} #roofSolution .banner .inner{height: auto;} #roofSolution .banner > .bg .pro{bottom: 6.2rem;} #roofSolution .banner .inner .group{grid-template-columns: repeat(1,1fr);padding: 0 5vw;gap: .4rem 0;margin-top: 5rem;} #roofSolution .r1 .inner{padding-left: 5vw;padding-right: 5vw;} #roofSolution .r1 .inner .clip{padding-left: 5vw;padding-right: 5vw;} #roofSolution .r1 .inner .group h3{width: 100%;} #roofSolution .r1 .inner .group p{width: 100%;margin-left: 0;} #roofSolution .r1 .inner .group .box .items > li:first-of-type .chunk{white-space: nowrap;} #roofSolution .r1 .inner .group .box h4{padding: .4rem 0;} #roofSolution .r1 .inner .group .box .items{gap: .2rem;overflow-x: auto;overflow-y: hidden;} #roofSolution .r1 .inner .group .box .items::-webkit-scrollbar{width: 0px;background-color:rgba(0,0,0,0);} #roofSolution .r1 .inner .group .box .items::-webkit-scrollbar-thumb{border:solid 1px transparent;background-color:rgba(0,0,0,0);} #roofSolution .r2{padding-top: 1.4rem;width: 100%;overflow: hidden;} #roofSolution .r2 .inner .top .topic{width: 100%;margin-bottom: .4rem;} #roofSolution .r2 .inner .top{flex-direction: column;} #roofSolution .r2 .inner .top > p{width: 100%;} #roofSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide{height: 7.6rem;width: 70vw;transform: scale(0.9);transition:transform .6s cubic-bezier(0.38, 0.00, 0.00, 1.00);} #roofSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{box-shadow: 0 .1rem .2rem -2px rgba(0,0,0,0.1);transform: scale(1);} #roofSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide > img{width: 86%;} #roofSolution .r2 .inner .mid .swiper .swiper-button-prev{background: none;visibility: hidden;} #roofSolution .r2 .inner .mid .swiper .swiper-button-next{background: none;visibility: hidden;} #roofSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide .btnIcon{width: 3.2rem;} #roofSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide .btnIcon .layer-icon{transform: translate(.68rem)rotate(45deg);} #roofSolution .r2 .inner .btm{flex-direction: column;height: auto;} #roofSolution .r2 .inner .btm > .pic{width: 100%;height: 4rem;} #roofSolution .r2 .inner .btm .col{width: 100%;height: 1.6rem;} #roofSolution .r2 .inner .btm .col > .mask{left: 0;height: .8rem;top: -.7rem;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);} #roofSolution .r3{width: 100%;overflow: hidden;} #roofSolution .r3 .inner .title{padding-right: 0;margin-top: .6rem;padding-bottom: 1.6rem;} #roofSolution .r3 .inner .title .layer-btn{bottom: 0;right: auto;left: 0;top: auto;} #roofSolution .r3 .inner .group .pic{height: 2.4rem;} #roofSolution .r3 .inner .group{gap: 0 .2rem;} #roofSolution .r4{padding-top: 1.2rem;padding-bottom: 1rem;width: 100%;overflow: hidden;} #roofSolution .r4 .inner .mid{flex-direction: column;margin-top: .5rem;} #roofSolution .r4 .inner .mid > p{width: 100%;} #roofSolution .r4 .inner .mid .imgBox .img{height: auto;width: 65%;} #roofSolution .r4 .inner .mid .imgBox .years > em{font-size: 2.4rem;text-indent: -1em;} #roofSolution .r4 .inner .mid .imgBox{width: 100%;} #roofSolution .r4 .inner .mid .imgBox .years{right: 20%;} #roofSolution .r4 .inner .btm{margin-top: 0;} #roofSolution .r4 .inner .btm .logoSw .swiper-wrapper{transition-timing-function: linear;} #roofSolution .r4 .inner .btm .logoSw .swiper-wrapper .swiper-slide{padding-right: .6rem;} #roofSolution .r4 .part .mid .box{flex-direction: column;height: auto;} #roofSolution .r4 .part .mid .box .left{width: 100%;height: 62vw;} #roofSolution .r4 .part .mid .box .right{width: 100%;padding: 5%;} #roofSolution .r4 .part .mid .box .right .items{display: grid;grid-template-columns: repeat(5,1fr);gap: .3rem 0;} #roofSolution .r4 .part .mid .box .right .items > li.layer-icon .lines{display: none;} #roofSolution .r4 .part .mid .box .right .items > li:nth-child(6){display: none;} #roofSolution .r4 .part .mid .box .right .items > li h4{text-align: center;} #roofSolution .r5{max-height: 100vw;width: 100%;overflow: hidden;} #roofSolution .r6{padding: 1.2rem 0 .5rem 0;width: 100%;overflow: hidden;} #roofSolution .r6 .inner{grid-auto-flow: row;grid-template-columns: 1fr;} #roofSolution .r6 .inner .left{width: 100%;} #roofSolution .r6 .inner .left .mid{grid-template-columns: 1fr;gap: .2rem;} #roofSolution .r6 .inner .left .mid .list{width: 100%;} #roofSolution .r6 .inner .right .map{width: 147%;height: auto;left: -29%;top: .6rem;} #roofSolution .r7{width: 100%;overflow: hidden;} #roofSolution .r7 .inner .col{width: 100%;margin-left: 0;} #roofSolution .r8{width: 100%;overflow: hidden;} #roofSolution .r8 .inner{grid-template-columns: 1fr;gap: .4rem 0;} #roofSolution .r8 .inner .right .form{padding: 0 .3rem;} #roofSolution .r8 .inner .right .form .inRow > .part > .inTxt{height: .8rem;} #roofSolution .r8 .inner .right .form .inRow > .part .inDown .input-text{height: .8rem;} #roofSolution .r8 .inner .right .form .inRow > .part .inDown .input-text input[type="text"]{width: 100%;} #roofSolution .r8 .inner .right .form .inRow > .part .inDown .childDown > li > a{line-height: .7rem;} #roofSolution .r8 .inner .right .form .inRow.half{grid-template-columns: 1fr 1fr;} #roofSolution .r8 .inner .right .form .inRow:nth-of-type(4){grid-template-columns: 100%;} #roofSolution .r8 .inner .right .form .inRow:nth-of-type(4) .part:nth-of-type(1){margin-bottom: .1rem;} #groundSolution .banner{width: 100%;overflow: hidden;} #groundSolution .banner .inner .topic{padding: 0 5vw;} #groundSolution .banner .inner{height: auto;} #groundSolution .banner > .bg .pro{width: 90%;left: 10%;background-position: center;height: 85%;bottom: 0;} #groundSolution .banner .inner .group{width: 90%;grid-template-columns: repeat(2,1fr);gap: .4rem 0;margin-top: 4.5rem;} #groundSolution .banner .inner .group .col{padding: 0;} #groundSolution .banner .inner .group .col .icon{height: .7rem;top: auto;bottom: calc(100% + .2rem);width: .7rem;object-fit: contain;right: 0;margin: auto;} #groundSolution .banner .inner .group .col h2{text-align: center;line-height: 1.2;} #groundSolution .r2{padding-top: 1.4rem;width: 100%;overflow: hidden;} #groundSolution .r2 .inner .top .topic{width: 100%;margin-bottom: .4rem;} #groundSolution .r2 .inner .top{flex-direction: column;} #groundSolution .r2 .inner .top > p{width: 100%;} #groundSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide{width: 70vw;height: 7rem;transform: scale(0.9);transition: transform .6s cubic-bezier(0.38, 0.00, 0.00, 1.00);} #groundSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{transform: scale(1);} #groundSolution .r2 .inner .mid .swiper .swiper-wrapper .swiper-slide > img{width: 86%;} #groundSolution .r2 .inner .mid .swiper .swiper-button-prev{background: none;} #groundSolution .r2 .inner .mid .swiper .swiper-button-next{background: none;} #groundSolution .r2 .inner .btm{flex-direction: column;height: auto;} #groundSolution .r2 .inner .btm > .pic{width: 100%;height: 4rem;} #groundSolution .r2 .inner .btm .col{width: 100%;height: 1.6rem;} #groundSolution .r2 .inner .btm .col > .mask{left: 0;height: .8rem;top: -.7rem;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);} #groundSolution .r4{padding-top: 1.2rem;padding-bottom: 1rem;width: 100%;overflow: hidden;} #groundSolution .r4 .inner .mid{flex-direction: column;margin-top: .5rem;} #groundSolution .r4 .inner .mid > p{width: 100%;} #groundSolution .r4 .inner .mid .imgBox .img{height: 68vw;width: 65%;object-fit: contain;} #groundSolution .r4 .inner .mid .imgBox .years > em{font-size: 2.4rem;text-indent: -1em;} #groundSolution .r4 .inner .mid .imgBox{width: 100%;} #groundSolution .r4 .inner .mid .imgBox .years{right: 20%;} #groundSolution .r4 .inner .btm{margin-top: 0;} #groundSolution .r4 .inner .btm .logoSw .swiper-wrapper{transition-timing-function: linear;} #groundSolution .r4 .inner .btm .logoSw .swiper-wrapper .swiper-slide{padding-right: .6rem;} #groundSolution .r4 .part .mid .box{flex-direction: column;height: auto;} #groundSolution .r4 .part .mid .box .left{width: 100%;height: 62vw;} #groundSolution .r4 .part .mid .box .right{width: 100%;padding: 5%;} #groundSolution .r4 .part .mid .box .right p{font-size: 15px;} #groundSolution .r4 .part .mid .box .right .items{display: grid;grid-template-columns: repeat(5,1fr);gap: .3rem 0;} #groundSolution .r4 .part .mid .box .right .items > li.layer-icon .lines{display: none;} #groundSolution .r4 .part .mid .box .right .items > li:nth-child(6){display: none;} #groundSolution .r7{width: 100%;overflow: hidden;} #groundSolution .r7 .inner .col{width: 100%;margin-left: 0;} #roofDetail{width: 100%;overflow: hidden;} #roofDetail .banner{max-height: 10.6rem;} #roofDetail .banner .inner .top{margin-bottom: 1rem;} #roofDetail .banner .inner .group{flex-wrap: wrap;} #roofDetail .banner .inner .group p{width: 100%;margin-bottom: .4rem;} #roofDetail .banner .inner .group .layer-btn .iconfont{font-size: 15px;transform: none;} #roofDetail .r2{width: 100%;overflow: hidden;} #roofDetail .r2 .inner .mid{overflow: visible;} #roofDetail .r1 .inner .mid .group .part .box{padding:4rem .5rem .5rem .5rem;} #roofDetail .r1 .inner .mid .group .part .box .imgBox{width: 78%;height: 4rem;opacity: 1;right: auto;left: 0;} #roofDetail .r1 .inner .mid .group .part .box .msg p{text-indent: 0;text-align: left;} #roofDetail .r1 .inner .mid .group .part .box .msg .items > li{width: auto;} #roofDetail .r1 .inner .mid .group .part .box .msg .items>li .chunk>img{width: 68%;} #roofDetail .r1 .inner .mid .tabItem .tab{height: 1.4rem;} #roofDetail .r1 .inner .mid .tabItem .tab .content .icon{max-width: .8rem;} #roofDetail .r1 .inner .mid .group .part .box .msg .items > li .chunk{width: 1rem;height: 1rem;} #roofDetail .r1 .inner .mid .group .part .box .downIcon{top: .38rem;bottom: auto;} #roofDetail .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide .msg{padding-right: 1.6rem;} #roofDetail .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide .msg p{text-align: left;} #roofDetail .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide .photo{height: 3.8rem;} #roofDetail .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide{width: 70vw;} #roofDetail .r2 .inner .mid .r2Sw .swiper-wrapper .swiper-slide .photo .btnIcon{display: none;} #roofDetail .r3 .inner .top{flex-direction: column;} #roofDetail .r3 .inner .top .topic{width: 100%;} #roofDetail .r3 .inner .top > p{width: 100%;margin-top: .4rem;} #roofDetail .r3 .inner .mid .swiper .swiper-wrapper .swiper-slide{width: 70vw;height: 7rem;padding-bottom: 1rem;} #roofDetail .r3 .inner .mid .swiper .swiper-wrapper .swiper-slide>img{height: 3rem;} #roofDetail .r3 .inner .mid .swiper .swiper-button-prev{visibility: hidden;} #roofDetail .r3 .inner .mid .swiper .swiper-button-next{visibility: hidden;} #roofDetail .r3 .inner .btm{height: auto;flex-direction: column;margin-top: .4rem;} #roofDetail .r3 .inner .btm > .pic{width: 100%;height: 4rem;} #roofDetail .r3 .inner .btm .col{width: 100%;height: 1.6rem;} #roofDetail .r3 .inner .btm .col > .mask{left: 0;height: .8rem;top: -.7rem;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);} #roofSolution .r4 .part .mid .box .left .layer-play{width: 1.6rem;height: 1.6rem;} #roofDetail .r5 .inner{padding: 1.2rem 0;} #roofDetail .r5 .bg .pic{width: 100%;background-color: #000;background-size: 150%;background-position: center bottom;position: absolute;} #roofDetail .r5 .inner>.box>li h3{ display: -webkit-box;line-height: 1.3; -webkit-line-clamp: 2;height: 2.6em; -webkit-box-orient: vertical; overflow: hidden; } #roofDetail .r6{height: 100vw;} #roofDetail .r6 .inner .mid{width: 100%;position: relative;bottom: auto;} #roofDetail .r7{height: 100vw;} #roofDetail .r7 .inner .mid{width: 100%;} #solartrack{width: 100%;overflow: hidden;} #solartrack .banner .bg:after{ content: "";position: absolute; bottom: 0;left: 0;width: 100%;height: 50%; background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); } #solartrack .banner .inner{padding-top: 2.2rem;} #solartrack .banner .inner .group{grid-template-columns: 1fr 1fr 1fr;gap: .3rem;} #solartrack .banner .inner .group .part{flex-direction: column;} #solartrack .banner .inner .group .part h2{text-align: center;margin-top: .2rem;} #solartrack .r1 .top{flex-direction: column;} #solartrack .r1 .top .topic{width: 100%;} #solartrack .r1 .top > p{width: 100%;margin-top: .4rem;} #solartrack .r1 .mid{grid-auto-flow: column;} #solartrack .r1 .mid .part{width: 74vw;} #solartrack .r1 .mid .part .pic{height: 2.5rem;} #solartrack .r1 .mid .part .layer-btn{height: .8rem;width: 2.8rem;} #solartrack .r2{padding: 1.2rem 0;} #solartrack .r2 .inner .left{width: 100%;} #solartrack .r2 .bg{background-color: #000;} #solartrack .r2 .bg .pic{opacity: 0.4;} #solartrack .r3 .top{flex-direction: column;} #solartrack .r3 .top .topic{width: 100%;} #solartrack .r3 .top > p{width: 100%;margin-top: .4rem;} #solartrack .r3 .mid .part{grid-template-columns: 100%;gap: 0.3rem 0;} #solartrack .r4 .top{flex-direction: column;} #solartrack .r4 .inner .top > img{left: auto;right: 0;top: -.5rem;height: 2rem;} #solartrack .r4 .inner .top .topic{width: 100%;} #solartrack .r4 .inner .top .half{width: 100%;margin-top: .4rem;} #solartrack .r4 .inner .mid{height: 31.5vw;} #solartrack .r5 .inner{margin-bottom: 0;} #solartrack .r5 .inner .mid{flex-direction: column;margin-top: .5rem;} #solartrack .r5 .inner .mid > p{width: 100%;} #solartrack .r5 .inner .mid .imgBox .img{height: auto;width: 65%;} #solartrack .r5 .inner .mid .imgBox .years > em{font-size: 2.4rem;text-indent: -1em;} #solartrack .r5 .inner .mid .imgBox{width: 100%;} #solartrack .r5 .inner .mid .imgBox .years{right: 20%;} #solartrack .r5 .inner .btm{margin-top: 0;} #solartrack .r5 .inner .btm .logoSw .swiper-wrapper{transition-timing-function: linear;} #solartrack .r5 .inner .btm .logoSw .swiper-wrapper .swiper-slide{padding-right: .6rem;} #solartrack .r6{padding: 1.2rem 0 .5rem 0;} #solartrack .r6 .inner{grid-auto-flow: row;grid-template-columns: 1fr;} #solartrack .r6 .inner .left{width: 100%;} #solartrack .r6 .inner .left .mid{grid-template-columns: 1fr;gap: .2rem;} #solartrack .r6 .inner .left .mid .list{width: 100%;} #solartrack .r6 .inner .right .map{width: 147%;height: auto;left: -29%;top: .6rem;} #solartrack .r7{padding: 1.2rem 0;} #solartrack .r7 .inner .top{flex-direction: column;} #solartrack .r7 .inner .top .topic{width: 100%;} #solartrack .r7 .inner .top > p{width: 100%;margin-top: .4rem;} #solartrack .r7 .inner .mid{grid-template-columns: 100%;} #solartrack .r7 .inner .mid .part .msg{padding: .4rem .5rem;} #solartrack .r8{padding: 1.2rem 0;} #solartrack .r8 .inner{grid-template-columns: 100%;} #solartrack .r8 .inner .right{margin-top: 2rem;} #solartrack .r8 .inner .right .group{grid-template-columns: 100%;grid-template-rows: auto;} #solartrack .r8 .inner .right .group .mask{display: none;} #solartrack .r8 .inner .right .group .box{background-color: rgba(0,0,0,0.3);backdrop-filter: blur(.3rem);padding:.5rem .4rem!important;} #solartrack .r8 .inner .right .midIcon{bottom: auto;z-index: 10;top: -.65rem;display: none;} #solartrack .r9 .inner .mid{overflow: visible;} #solartrack .r9 .inner .mid .r9Sw .swiper-wrapper .swiper-slide{width: 72vw;} #taiSimple .banner{height: 10.6rem;} #roofSolution .banner_Snapfit{width: 100%;} #roofSolution .banner_Snapfit > .bg .pro{bottom: 0;} #roofSolution .banner_Snapfit .inner .group{grid-template-columns: 100%;gap: .4rem 0;margin-top: .8rem;} #roofSolution .banner_Snapfit .inner{padding: 2.8rem 5vw 3rem 5vw;justify-content:flex-start;} #roofSolution .banner_Snapfit .inner .group .col .icon{height: .7rem;} #roofSolution .r9{width: 100%;overflow: hidden;} #roofSolution .r9{padding: .6rem 0 1.2rem 0;} #roofSolution .r9 .inner .top{flex-direction: column;} #roofSolution .r9 .inner .top .topic{width: 100%;} #roofSolution .r9 .inner .top > p{width: 100%;margin-top: .4rem;} #roofSolution .r9 .inner .mid{grid-template-columns: 100%;grid-template-rows: repeat(4,50vw);gap: .4rem 0;} #roofSolution .r11{padding-top: 1.2rem;width: 100%;} #roofSolution .r11 .inner .group{overflow: hidden;} #roofSolution .r11 .inner .group .part .msg{width: 90%;margin-left: 0;padding-top: 2.5rem;} #roofSolution .r11 .inner .group .part .msg .f-320{font-size: 2.4rem;} #roofSolution .r11 .inner .group .part:last-of-type{align-items: flex-start;} #roofSolution .r11 .inner .group .part:last-of-type .msg{padding-top: 2rem;} #roofSolution .r11 .inner .group .fn_r11 .cvBox{top: 68%;left: 55%;transform: translate(-50%,-50%);height: 90vw;width: 160vw;} #roofSolution .r11 .inner .group .fn_r11 .cvBox .proCv{height: 100%;top: 0;} #roofSolution .r11 .inner .group .part .img{width: 90%;height: auto;right: 5%;top: 3rem;} #roofSolution .r10{width: 100%;overflow: hidden;padding: 1.2rem 0;} #roofSolution .r10 .inner .top{flex-direction: column;} #roofSolution .r10 .inner .top .topic{width: 100%;} #roofSolution .r10 .inner .top > p{width: 100%;margin-top: .4rem;} #roofSolution .r10 .inner .mid .group{grid-template-columns: 100%;} #roofSolution .r10 .inner .mid .group .left{height: 74vw;} #roofSolution .r10 .inner .mid .group .right{grid-template-columns: repeat(2,1fr);gap: .6rem;grid-template-rows: auto;} #roofSolution .r10 .inner .mid .tab .lists{font-size: 13px;} #roofSolution .r10 .inner .mid .btm{height: auto;flex-direction: column;} #roofSolution .r10 .inner .mid .btm > .pic{width: 100%;height: 4rem;} #roofSolution .r10 .inner .mid .btm .col{width: 100%;height: 1.6rem;} #roofSolution .r10 .inner .mid .btm .col > .mask{left: 0;height: .8rem;top: -.7rem;background: linear-gradient(180deg, rgba(34,36,38,0) 0%, rgba(34,36,38,1) 80%);} #at-3 .banner .inner{height: 140vw;} #at-3 .banner .inner h2{font-size: 6vw;text-align: center;} .solarInner .AT_r1{padding-top: .4rem;padding-bottom: 1rem;} .solarInner .AT_r1 .bg{position: relative!important;left: 0;width: 100%;} .solarInner .AT_r1 .bg .img{left: 0;width: 100%;height: auto;display: block;position: relative;} .solarInner .AT_r1 .inner{height: auto;} .solarInner .AT_r2 .inner .mid .group{flex-direction: column;} .solarInner .AT_r2 .inner .mid .group:nth-child(2){flex-direction: column-reverse;} .solarInner .AT_r2 .inner .mid .group .col{width: 100%;} .solarInner .AT_r2 .inner .mid .group .msg{width: 100%;margin-top: .3rem;} .solarInner .AT_r3{padding: 0.2rem 0 0 0;width: 100%;overflow: hidden;height: 130vw;} .solarInner .AT_r3 .inner{height: 130vw;} .solarInner .AT_r3 .inner .top{flex-direction: column;} .solarInner .AT_r3 .inner .top .topic{width: 100%;} .solarInner .AT_r3 .inner .top > p{width: 100%;margin-top: .4rem;} .solarInner .AT_r3 .inner .mid{margin-top: 3rem;} .solarInner .AT_r3 .inner .swiper-notification{display: none;} .solarInner .AT_r4 .inner{padding-top: 1.2rem;} .solarInner .AT_r4 .inner .group .msg{position: relative;padding: .4rem 5%;} .solarInner .AT_r4 .inner .part{grid-template-columns: 100%;border-width: 1px;} .solarInner .AT_r4 .inner .part .img{width: 100%;} .solarInner .AT_r4 .inner .part .box{padding: .5rem;} .solarInner .AT_r5 .inner{height: auto;padding: 40vw 0;} .solarInner .AT_r5 .inner .box{width: 100%;margin-left: 0;} .solarInner .AT_r6 .inner .mid .part{width: 80vw;transform: scale(.9);transition: transform .8s ease-in-out;} .solarInner .AT_r6 .inner .mid .part .layer-btn{width: 2.4rem;height: .84rem;} .solarInner .AT_r6 .inner .mid .part.swiper-slide-active{transform: scale(1);} .solarInner .AT_r6 .inner .mid .part .items > li em{line-height: 1.6em;} #taiSimple .banner .inner .topic .pro{margin-top: .5rem;min-height: 4rem;object-fit: contain;} #taiSimple .banner .inner{padding-top: 3.8rem;padding-bottom: 1.2rem;} .solarInner .simple_r1 .inner .group .cvPart h2{width: 100%;font-size: 7vw;} .solarInner .simple_r1 .inner .group .cvPart p{width: 100%;} .solarInner .simple_r1 .inner .group .cvPart{justify-content:flex-start;padding-top: 3rem;} .solarInner .simple_r1 .inner .cv{top: auto;padding-bottom: 111.11%;transform: translate(0,0);left: 0;bottom: 2%;} .solarInner .simple_r1 .inner .group .cvPart:nth-of-type(2n) h2, .solarInner .simple_r1 .inner .group .cvPart:nth-of-type(2n) p{margin-left: 0;width: 100%;} .solarInner .simple_r2{width: 100%;overflow: hidden;} .solarInner .simple_r2 .inner{padding-top: 1.2rem;} .solarInner .simple_r2 .inner h2{margin-bottom: 2.2rem;} .solarInner .simple_r2 .inner .group{grid-template-columns: repeat(2,1fr);gap: .2rem;grid-template-rows: auto;} .solarInner .simple_r2 .bg .pro{height: 25%;} .solarInner .simple_r2 .inner .group .box{padding: .3rem 0 .4rem 0;} .solarInner .simple_r2 .inner .part{height: 6rem;} .solarInner .simple_r2 .inner .part .img{width: 100%;} .solarInner .simple_r2 .inner .part .msg{width: 100%;margin-left: 0;flex-direction: column;align-items: flex-start;height: 100%;justify-content: flex-start;padding: .6rem .5rem;} .solarInner .simple_r2 .inner .part .msg .sub{margin-top: .4rem;} .solarInner .simple_r3{padding: 1.2rem 0;width: 100%;overflow: hidden;} .solarInner .simple_r3 .inner .top{flex-direction: column;} .solarInner .simple_r3 .inner .top .topic{width: 100%;} .solarInner .simple_r3 .inner .top .msg{width: 100%;margin-top: .4rem;} .solarInner .simple_r3 .inner .top .msg p{text-indent: -1.2em;padding-left: 1.2em;} .solarInner .simple_r3 .inner .mid .swiper .swiper-wrapper .swiper-slide{width: 70vw;} .solarInner .simple_r3 .inner .mid .swiper .swiper-button-next{display: none;} .solarInner .simple_r3 .inner .mid .swiper .swiper-button-prev{display: none;} .solarInner .simple_r4{width: 100%;overflow: hidden;} .solarInner .simple_r4 .inner{height: auto!important;padding: 1.2rem 0;} .solarInner .simple_r4 .inner .group{width: 100%;padding: 0;margin-top: 1.2rem;} .solarInner .simple_r5{width: 100%;overflow: hidden;} .solarInner .simple_r5 .inner{height: 140vw!important;padding: 1.2rem 0;} .solarInner .simple_r5 .inner .top{flex-direction: column;} .solarInner .simple_r5 .inner .top .topic{width: 100%;} .solarInner .simple_r5 .inner .top .msg{width: 100%;margin-top: .4rem;} .solarInner .simple_r6{width: 100%;overflow: hidden;padding: 1.2rem 0 .4rem 0;} .solarInner .simple_r6 .inner{grid-auto-flow: row;grid-template-columns: 1fr;} .solarInner .simple_r6 .inner .left{width: 100%;} .solarInner .simple_r6 .inner .left .mid{grid-template-columns: 1fr;gap: .2rem;} .solarInner .simple_r6 .inner .left .mid .list{width: 100%;} .solarInner .simple_r6 .inner .right .map{width: 147%;height: auto;left: -29%;top: .6rem;} .solarInner .simple_r7{padding: 1.2rem 0;width: 100%;overflow: hidden;} .solarInner .simple_r7 .inner .topic{margin-bottom: 1.2rem;} .solarInner .simple_r7 .inner .mid{grid-template-columns: 100%;} .solarInner .simple_r7 .inner .mid .box{height: auto;padding:.4rem .5rem;} .solarInner .simple_r8{width: 100%;overflow: hidden;} .solarInner .simple_r8 .inner{padding: .5rem;} .solarInner .simple_r8 .inner .btm .layer-btn{width: 2.2rem;} .solarInner .rowReference{overflow: hidden;width: 100%;} .solarInner .rowReference .inner .mid{overflow: visible;} .solarInner .rowReference .inner .mid .referenceSw .swiper-wrapper .swiper-slide{width: 80vw;} .solarInner .rowReference .inner .mid .referenceSw .swiper-wrapper .swiper-slide .photo .btnIcon{display: none;} .solarInner .rowReference .inner .mid .referenceSw .swiper-wrapper .swiper-slide .photo{height: 4rem;} .solarInner .rowMore{padding-top: 1.2rem;padding-bottom: 1.2rem;width: 100%;overflow: hidden;} .solarInner .rowMore .inner .mid .part{width: 78vw;} .solarInner .rowMore .inner .mid .part .pic{height: 2.4rem;} .solarInner .rowMore .inner .mid .part .layer-btn{width: 2.4rem;height: .85rem;} .solarInner .simple_r9{width: 100%;overflow: hidden;} .solarInner .simple_r9 .inner .top{flex-direction: column;} .solarInner .simple_r9 .inner .top .topic{width: 100%;} .solarInner .simple_r9 .inner .top .msg{width: 100%;margin-top: .4rem;} .solarInner .simple_r9 .inner .mid{grid-template-columns: 100%;} #searchResult .banner{padding-bottom: .6rem;} #searchResult .banner > .bg .img{height: 5rem;} #searchResult .banner .inner .top{flex-direction: column;} #searchResult .banner .inner h1{width: 100%;font-size: 8vw;} #searchResult .banner .inner .top .searchBox{width: 100%;height: .9rem;margin-top: .4rem;} #searchResult .banner .inner .top .searchBox .subSearch{width: .9rem;height: .9rem;} #searchResult .banner .inner .group{grid-template-columns: 100%;} #searchResult .banner .inner .group .left{min-height: 3rem;padding-bottom: 0;} #searchResult .banner .inner .group .left .items{display: grid;grid-template-columns: repeat(2,1fr);gap: .2rem;margin-bottom: .5rem;} #searchResult .banner .inner .group .left .list{margin-bottom: 0;} #searchResult .banner .inner .group .right .part .box .msg{width: calc(100% - 1rem);} #searchResult .banner .inner .group .left .list.on{background-color: rgba(254, 219, 0, 1);} #searchResult .banner .inner .group .right .part .box .btnIcon{right: .3rem;} #devploper .banner .inner h1{line-height: 1;padding: 0 5vw;} #devploper .r1{padding-top: 1.4rem;padding-bottom: 1rem;} #devploper .r1 .inner{grid-template-columns: 100%;} #devploper .r1 .inner .left{width: 100%;} #devploper .r1 .inner .left .topic{margin-bottom: .4rem;} #devploper .r1 .inner .left .items{grid-template-columns: 100%;gap: .3rem 0;} #devploper .r1 .inner .left .items > li{display: grid;grid-template-columns: 25% 75%;padding: .5rem;} #devploper .r1 .inner .left .items > li .icon{margin-bottom: 0;} #devploper .r1 .inner .left .items > li h3{text-align: left;} #devploper .r1 .inner .left .items > li h3 br{display: none;} #devploper .r1 .inner .right{display: none;} #devploper .r2{height: auto;padding: 1.4rem 0 1.2rem 0;} #devploper .r2 .bg{background-color: #000;} #devploper .r2 .bg .pic{opacity: 0.6;background-size: 220%;background-position: left top;background-color: #000;} #devploper .r2 .inner{padding-top: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;} #devploper .r2 .inner .items{margin-top: 1rem;position: relative;width: 100%;left: 0;bottom: auto;top: 0;} #devploper .r2 .inner .right{margin-left: 0;width: 100%;} #devploper .r2 .inner .right .items{grid-template-columns: 100%;gap: .3rem 0;} #devploper .r2 .inner .right .items > li{display: grid;grid-template-columns: 25% 75%;padding: .5rem;} #devploper .r2 .inner .right .items > li .icon{margin-bottom: 0;} #devploper .r2 .inner .right .items > li h3{text-align: left;} #devploper .r2 .inner .right .items > li h3 br{display: none;} #devploper .r2 .inner .right p{color: #ffffff;} #devploper .r3{height: auto;} #devploper .r3 .bg .pic{background-attachment: initial;} #devploper .r3 .inner{height: auto;} #devploper .r3 .inner .left{width: 100%;padding: 1.5rem 0;} #devploper .r3 .inner .left .topic{margin-bottom: .6rem;} #devploper .r4{height: auto;} #devploper .r4 .bg .pic{background-attachment: initial;} #devploper .r4 .inner{height: auto;} #devploper .r4 .inner .left{width: 100%;margin-left: 0;padding: 1.5rem 0;} #devploper .rowMap{padding: 1.2rem 0 .5rem 0;} #devploper .rowMap .top{flex-direction: column;} #devploper .rowMap .top > p{width: 100%;margin-top: .4rem;} #devploper .rowMap .inner{grid-auto-flow: row;grid-template-columns: 1fr;} #devploper .rowMap .inner .left{width: 100%;} #devploper .rowMap .inner .left .mid{grid-template-columns: 1fr;gap: .2rem;} #devploper .rowMap .inner .left .mid .list{width: 100%;} #devploper .rowMap .inner .right .map{width: 147%;height: auto;left: -29%;top: .6rem;} #devploper .r6 .inner{padding-top: 1.2rem;max-height: 135vw;} #devploper .r6 .inner .top{flex-direction: column;} #devploper .r6 .inner .top .topic{width: 100%;} #devploper .r6 .inner .top .msg{width: 100%;margin-top: .4rem;} #devploper .r6 .inner .top .msg .layer-btn{width: 3rem;} #devploper .r7 .bg .sign{right: -95%;} #devploper .r7 .inner .mid .swiper .swiper-wrapper .swiper-slide{width: 70vw;height: 7rem;padding-bottom: 1rem;} #devploper .r7 .inner .mid .swiper .swiper-wrapper .swiper-slide>img{height: 3rem;} #devploper .r7 .inner .mid .swiper .swiper-button-prev{display: none;} #devploper .r7 .inner .mid .swiper .swiper-button-next{display: none;} #service .banner .inner h1{line-height: 1;padding: 0 5vw;} #service .r1{padding-top: 1.4rem;padding-bottom: 1rem;} #service .r1 .inner{grid-template-columns: 100%;} #service .r1 .inner .left{width: 100%;} #service .r1 .inner .left .topic{margin-bottom: .4rem;} #service .r1 .inner .left .items{grid-template-columns: 100%;gap: .3rem 0;} #service .r1 .inner .left .items > li{display: grid;grid-template-columns: 25% 75%;padding: .5rem;} #service .r1 .inner .left .items > li .icon{margin-bottom: 0;} #service .r1 .inner .left .items > li h3{text-align: left;} #service .r1 .inner .left .items > li h3 br{display: none;} #service .r1 .inner .right{display: none;} #service .r2{height: 140vw;} #service .r2 .inner{padding-top: 0;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;} #service .r2 .inner .items{margin-top: 1rem;position: relative;width: 100%;left: 0;bottom: auto;top: 0;} #service .r2 .inner .items > li{height: 1.6rem;} #service .r3 .inner .group .items{grid-template-columns: repeat(1,1fr);gap: 0.3rem 0;} #service .r3 .inner .group .items > li .msg{height: 1.2rem;} #service .r3 .inner .group .items > li .msg .icon{height:.5rem;} #service .r3 .inner .part .mid .box{flex-direction: column;height: auto;} #service .r3 .inner .part .mid .box .left{width: 100%;height: 62vw;} #service .r3 .inner .part .mid .box .left .layer-play{width: 1.6rem;height: 1.6rem;} #service .r3 .inner .part .mid .box .right{width: 100%;padding: 5%;} #service .r3 .inner .part .mid .box .right .items{display: grid;grid-template-columns: repeat(5,1fr);gap: .3rem 0;} #service .r3 .inner .part .mid .box .right .items > li.layer-icon .lines{display: none;} #service .r3 .inner .part .mid .box .right .items > li:nth-child(6){display: none;} #service .r3 .inner .part .mid .box .right .items > li h4{text-align: center;} #service .r4{height: auto!important;padding: 32vw 0;} #service .r4 .inner h3{line-height: 1;margin-bottom: .3rem;} #service .r4 .inner .group .items >li{line-height: 1.2;margin-bottom: .2rem;} #service .r4 .inner .group .items >li:last-of-type{margin-bottom: 0;} #service .r7 .bg .sign{right: -95%;} #service .r7 .inner .mid .swiper .swiper-wrapper .swiper-slide{width: 70vw;height: 7rem;padding-bottom: 1rem;} #service .r7 .inner .mid .swiper .swiper-wrapper .swiper-slide>img{height: 3rem;} #service .r7 .inner .mid .swiper .swiper-button-prev{display: none;} #service .r7 .inner .mid .swiper .swiper-button-next{display: none;} #epc .banner .inner h1{line-height: 1;padding: 0 5vw;} #epc .r1{padding-top: 1.4rem;padding-bottom: 1rem;} #epc .r1 .bg .sign{left: -6.6rem;} #epc .r1 .inner{grid-template-columns: 100%;} #epc .r1 .inner .left{width: 100%;} #epc .r1 .inner .left .topic{margin-bottom: .4rem;} #epc .r1 .inner .left .items{grid-template-columns: 100%;gap: .3rem 0;} #epc .r1 .inner .left .items > li{display: grid;grid-template-columns: 25% 75%;padding: .5rem;} #epc .r1 .inner .left .items > li .icon{margin-bottom: 0;} #epc .r1 .inner .left .items > li h3{text-align: left;} #epc .r1 .inner .left .items > li h3 br{display: none;} #epc .r1 .inner .right{display: none;} #epc .r1 .inner .left > p{font-size: 16px;} #epc .r2{height: auto;padding: 1.5rem 0;} #epc .r2 .inner{grid-template-columns: 100%;padding-bottom: 0;} #epc .r2 .inner .right{margin-top: 2rem;} #epc .r3{padding-bottom: 1.2rem;} #epc .r3 .inner .top{flex-direction: column;} #epc .r3 .inner .top .topic{width: 100%;} #epc .r3 .inner .top >p{width: 100%;margin-top: .4rem;} #epc .r3 .inner .items{grid-template-columns: 100%;gap: .4rem 0;} #epc .r3 .inner .items > li .msg{height: 1.4rem;} #epc .r3 .inner .items > li .img{height: 3.2rem;} #epc .r3 .inner .items > li .msg .icon{height:.5rem;} #epc .r4{height: auto;padding: 1.5rem 0;} #epc .r4 .inner{padding-top: 0;display: flex;flex-direction: column-reverse;justify-content: center;align-items: flex-start;} #epc .r4 .inner .right{margin-top: 2rem;} #epc .rowMap{padding: 1.2rem 0 .5rem 0;} #epc .rowMap .top{flex-direction: column;} #epc .rowMap .top > p{width: 100%;margin-top: .4rem;} #epc .rowMap .inner{grid-auto-flow: row;grid-template-columns: 1fr;} #epc .rowMap .inner .left{width: 100%;} #epc .rowMap .inner .left .mid{grid-template-columns: 1fr;gap: .2rem;} #epc .rowMap .inner .left .mid .list{width: 100%;} #epc .rowMap .inner .right .map{width: 147%;height: auto;left: -29%;top: .6rem;} #epc .r7 .bg .sign{right: -95%;} #epc .r7 .inner .mid .swiper .swiper-wrapper .swiper-slide{width: 70vw;height: 7rem;padding-bottom: 1rem;} #epc .r7 .inner .mid .swiper .swiper-wrapper .swiper-slide>img{height: 3rem;} #epc .r7 .inner .mid .swiper .swiper-button-prev{display: none;} #epc .r7 .inner .mid .swiper .swiper-button-next{display: none;} #noPage .banner .inner > small{font-size: 6vw} #noPage .banner .inner > p{font-size: 4.8vw;text-align: center;width: 80vw;margin: 0 auto;} #noPage .banner .inner h1{font-size: 38vw;} #noPage .banner .inner .set{grid-template-columns: 1fr 1fr;gap: 0 .4rem;width: 80vw;margin: 0 auto;} } @media screen and (max-width:767px) { .fxb { display:block; } #home .r13 .bg{ display:none; } #home .r11 .inner .group .left{ width:100%; } #home .r11 .inner .group .left .web_login{ display:flex; } #home .r11 .inner .group .right{ width:100%; } #home .r11 .inner .group .right img { width: 100%; } #app footer .top .search{ display:none; } #app footer .top .sharebox{ margin-top:0.68rem; } #app footer .mid .phone{ display:none; } #app footer .mid .kefu .kefuBox p{ display:none; } #app footer .btm .c1{ font-size:10px !important; } #home .r12 .inner .group .p_list .tit_small{ font-size:.32rem; } #home .r12 .inner .group .p_list .tit_big{ font-size:.48rem; } #home .r12 .inner .group .p_list .p_list_link{ width:1.88rem; font-size:.28rem; } #home .r13 .inner .group .sun_list .sun_list_p{ font-size:.42rem; } #home .r13 .inner .sun_tit p{ font-size:.24rem; } #home .r13 .inner .group .sun_list .sun_list_text{ font-size:.28rem; width:4.8rem; } #home .r5 .part .box .col h2 .letter .childLetter{ font-size:.48rem; } #about .r11 .inner .web_service .web_service_list .web_service_list_box{ width:100%; margin:0 auto; height:5.8rem; } #about .r11 .inner .web_service .web_service_list .web_service_list_box .web_service_list_box_img img{ width:2.18rem; } #about .r11 .inner .web_service .web_service_list .web_service_list_box .web_service_list_box_p{ font-size:.38rem; } #about .r11 .inner .web_service .web_service_list .web_service_list_box .web_service_list_box_text{ font-size:.24rem; } #about .r12 .inner .web_address .web_address_l{ width:100%; margin-bottom: .68rem; } #about .r12 .inner .web_address .web_address_l .web_address_tag{ font-size: .26rem; height: .52rem; line-height: .52rem; width:2.4rem; } #about .r12 .inner .web_address .web_address_r{ width:100%; } #about .r12 .inner .web_address .web_address_r .web_address_h3{ font-size:.28rem; } #about .r12 .inner .web_address .web_address_r .web_address_desc{ font-size:.24rem; } #about .r12 .inner .web_guest{ padding:.12rem; } #blog .banner .inner .top form{ position:relative; display:none; } #blog .banner .inner .top { margin-bottom: 0.32rem; } #reference .banner .inner .download_list{ grid-template-columns: 40% 40% 20%; } #epc .row11 .inner .web_case .web_case_top .web_case_top_tit{ width:100%; } #epc .row11 .inner .web_case .web_case_top .web_case_top_tit h2{ font-size:.32rem; } #epc .row11 .inner .web_case .web_case_top .web_case_top_tit p{ font-size:.54rem; padding-bottom:.12rem; } #epc .row11 .inner .web_case .web_case_top .web_case_top_text{ width:100%; font-size:.24rem; } #epc .row11 .inner .web_case .web_case_list .web_case_list_box:first-child{ padding:.06rem; } #epc .row11 .inner .web_case .web_case_list .web_case_list_box{ margin-bottom:.02rem; } #epc .row12 .inner .web_harvest .web_harvest_list .web_harvest_list_text{ font-size:.24rem; width:80%; } #epc .row14 .web_hope .web_hope_p { font-size: .24rem; line-height: 1.5; font-weight: 700; } .harvest-prev-btn{ left:0; } .harvest-next-btn{ right:0; } #epc .row13 .inner .web_variety .web_variety_top .web_variety_top_tit{ font-size:.42rem; } #epc .row13 .inner .web_variety .web_variety_top .web_variety_top_p{ font-size:.24rem; } #epc .row13 .inner .web_variety .web_variety_bottom{ display:flex; padding-left:0; } #epc .row14 .web_hope_bg img{ width:200%; } #epc .row16 .inner .web_carport .web_carport_top .web_carport_top_tit{ width:100%; padding-bottom:.12rem; } #epc .row16 .inner .web_carport .web_carport_top .web_carport_top_text{ width:100%; font-size: .24rem; } #epc .row16 .inner .web_carport .web_carport_top .web_carport_top_tit h2 { font-size: .32rem; } #epc .row16 .inner .web_carport .web_carport_list{ display:block; } #epc .row16 .inner .web_carport .web_carport_list .web_carport_list_box .web_carport_list_box_alert .carport_alert_p{ font-size:.48rem; } #epc .row16 .inner .web_carport .web_carport_list .web_carport_list_box .web_carport_list_box_alert .carport_alert_dec{ font-size:.28rem; } .carport_alert_link{ width: 1.58rem; font-size: .24rem; height: .58rem; line-height: .58rem; } #epc .row16 .inner .web_carport2 .web_carport2_alert{ width:85%; } #epc .row17 .inner .web_carport3 .web_carport3_list .carport3_list_box{ margin-bottom:.48rem; } #epc .row17 .inner .web_carport3 .web_carport3_top .web_carport3_p{ font-size:.22rem; } #epc .row17 .inner .web_carport3 .web_carport3_list .carport3_list_box .carport3_list_p{ font-size:.32rem; } #epc .row17 .inner .web_carport3 .web_carport3_list .carport3_list_box .carport3_list_text{ font-size:.22rem; } #epc .row17 .inner .web_carport3 .web_carport3_bottom a{ font-size:.24rem; } #epc .row18{ padding-bottom:.48rem; } #epc .row18 .inner .web_carport4 .web_carport4_img{ width:100%; } #epc .row18 .inner .web_carport4 .web_carport4_list { width: 100%; padding-top: 3rem; } #epc .row18 .inner .web_carport4 .web_carport4_img{ right:.12rem; } #epc .row18 .inner .web_carport4{ margin-right:0; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_item .web_carport4_item_p{ font-size:.36rem; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_item .web_carport4_item_text{ font-size:.22rem; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_q .web_carport4_q_title h3{ font-size:.28rem; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_q .web_carport4_q_text{ font-size:.22rem; } #epc .row19 .inner .web_carport5{ margin-left:0; } #epc .row19 .inner .web_carport5 .web_carport5_img{ left:.12rem; width:100%; } #epc .row19 .inner .web_carport5 .web_carport5_list{ width:100%; margin-left:0; padding-top: 3rem; } #epc .row19 .inner .web_carport5 .web_carport5_list .web_carport5_item .web_carport5_item_p{ font-size:.36rem; } #epc .row19 .inner .web_carport5 .web_carport5_list .web_carport5_item .web_carport5_item_text{ font-size:.22rem; } #epc .row19 .inner .web_carport5 .web_carport5_list .web_carport5_q .web_carport5_q_title h3{ font-size:.28rem; } #epc .row19 .inner .web_carport5 .web_carport5_list .web_carport5_q .web_carport5_q_text{ font-size:.22rem; } #epc .row20{ padding-top:0; } #epc .row20 .inner .web_carport6 .web_carport6_top .web_carport6_top_tit{ width:100%; padding-bottom: .12rem; } #epc .row20 .inner .web_carport6 .web_carport6_top .web_carport6_top_tit h2{ font-size:.32rem; } #epc .row20 .inner .web_carport6 .web_carport6_top .web_carport6_top_tit p{ font-size: .48rem; font-weight: 700; } #epc .row20 .inner .web_carport6 .web_carport6_top .web_carport6_top_text{ width:100%; font-size: .24rem; } #epc .row20 .inner .web_carport6 .web_carport6_list .web_carport6_track .web_carport6_group{ gap:.12rem; } #epc .row20 .inner .web_carport6 .web_carport6_list .web_carport6_track .web_carport6_group .web_carport6_list_box .web_carport6_list_p{ font-size:.24rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .carousel-controls.fxb{ display:flex; } #solartrack .row11 .inner .web_flower .web_flower_top .web_flower_top_tit{ width:100%; } #solartrack .row11 .inner .web_flower .web_flower_top .web_flower_top_tit h2{ font-size:.34rem; } #solartrack .row11 .inner .web_flower .web_flower_top .web_flower_top_text { width: 100%; font-size: .24rem; line-height: 1.8; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_con { width: 100%; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_bg { position: relative; right: auto; left: 0; top: 0; width: 100%; margin-left: 0; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_con .web_flower_list_con_a p{ font-size:.24rem; } #solartrack .row11 .inner .web_flower .web_flower_list{ padding-top:.4rem; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_con .web_flower_list_con_c { font-size: .22rem; line-height: 1.8; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_con .web_flower_list_con_d{ font-size:.24rem; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_con .web_flower_list_con_f .web_flower_list_con_f_body{ width: 80%; } #solartrack .row11 .inner .web_flower .web_flower_list .web_flower_list_con .web_flower_list_con_f .web_flower_list_con_f_body span{ font-size:.28rem; } #solartrack .row12 .inner .web_flower2 .web_flower2_box{ width:80%; background-color: rgba(255, 255, 255, .7); } #solartrack .row12 .inner .web_flower2 .web_flower2_box .web_flower2_box_tit{ font-size:.36rem; } #solartrack .row12 .inner .web_flower2 .web_flower2_box .web_flower2_box_text{ white-space: normal; /* 允许文本换行 */ overflow: visible; /* 显示所有内容 */ font-size:.24rem; } #solartrack .row12 .inner .web_flower2 .web_flower2_box .web_flower2_box_link{ display:block; font-size:.24rem; } #solartrack .row13 .inner .web_flower3 .web_flower3_box { display: block; } #solartrack .row13 .inner .web_flower3 .web_flower3_box .web_flower3_boxLeft{ width:100%; } #solartrack .row13 .inner .web_flower3 .web_flower3_box .web_flower3_boxRight{ width:100%; padding-top: .24rem; padding-left:0; } #solartrack .row13 .inner .web_flower3 .web_flower3_box .web_flower3_boxRight .web_flower3_boxRight_a{ font-size: .38rem; } #solartrack .row13 .inner .web_flower3 .web_flower3_box .web_flower3_boxRight .web_flower3_boxRight_b { font-size: .24rem; line-height: 1.8; padding-bottom: .12rem; } .flower_xBox .flower_xBox_tit h3{ font-size:.30rem; } .flower_xBox .flower_xBox_tit i{ font-size:.36rem; } #epc .row21 .inner .web_brolly .web_brolly_list .web_brolly_list_img img{ width: 1rem; height:.8rem; } #epc .row21 .inner .web_brolly .web_brolly_list .web_brolly_list_p { font-size: .3rem; font-weight: 700; margin-bottom: .24rem; height: .64rem; line-height: .32rem; text-align: center; } #epc .row21 .inner .web_brolly .web_brolly_list .web_brolly_list_text { padding-bottom: .36rem; font-size: .2rem; line-height: normal; height: 1.8rem; text-align: center; } #epc .row22 .inner .web_brolly2 .web_brolly2_top{ display:block; } #epc .row22 .inner .web_brolly2 .web_brolly2_top .web_brolly2_top_tit { width: 100%; } #epc .row22 .inner .web_brolly2 .web_brolly2_top .web_brolly2_top_tit h2 { font-size: .26rem; } #epc .row22 .inner .web_brolly2 .web_brolly2_top .web_brolly2_top_text{ width:100%; font-size:.24rem; } #epc .row22 .inner .web_brolly2 .web_brolly2_list { position: relative; margin-top: .2rem; } #epc .row22 .inner .web_brolly2 .web_brolly2_list .web_brolly2_list_con { background-color: #deded2; width: 95%; border-radius: .12rem; padding-left: .28rem; padding-top: 60%; padding-bottom: .48rem; padding-right: .28rem; } #epc .row22 .inner .web_brolly2 .web_brolly2_list .web_brolly2_list_con .web_brolly2_list_con_a{ font-size:.24rem; } #epc .row22 .inner .web_brolly2 .web_brolly2_list .web_brolly2_list_con .web_brolly2_list_con_b{ font-size:.38rem; } #epc .row22 .inner .web_brolly2 .web_brolly2_list .web_brolly2_list_con .web_brolly2_list_con_c { padding-top: .48rem; font-size: .22rem; line-height: 1.8; text-align: justify; } #epc .row22 .inner .web_brolly2 .web_brolly2_list .web_brolly2_list_bg { position: absolute; right: 0; top: 0; width: 95%; } #epc .row23 .inner .web_brolly3 .web_brolly3_top p { padding-bottom: .12rem; font-size: .28rem; } #epc .row23 .inner .web_brolly3 .web_brolly3_top h3 { font-size: .38rem; font-weight: 700; } #epc .row23 .inner .web_brolly3 .web_brolly3_list { display: flex; width: 80%; margin-bottom: .68rem; } #epc .row23 .inner .web_brolly3 .web_brolly3_list .web_brolly3_list_left { width: .24rem; height: 2.4rem; background-color: #c9b35d; border-radius: .12rem; } #epc .row23 .inner .web_brolly3 .web_brolly3_list .web_brolly3_list_right p { font-size: .24rem; line-height: 1.8; } #epc .row24 .inner .web_brolly4 .web_brolly4_top p { font-size: .24rem; color: #FFF; line-height: 1.8; padding-top:.12rem; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_left { width: 100%; padding-top: .12rem; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_left .web_brolly4_list_left_a .web_brolly4_list_left_a_text { display: flex; font-size: .24rem; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_left .web_brolly4_list_left_b .web_brolly4_list_left_b_tit h3 { font-size: .28rem; font-weight: 700; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_left .web_brolly4_list_left_b .web_brolly4_list_left_b_tit i { font-size: .28rem; font-weight: 700; transform: rotate(90deg); cursor: pointer; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_left .web_brolly4_list_left_b .web_brolly4_list_left_b_con p { font-size: .24rem; color: #999; line-height: 1.8; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_right{ top: 0; position: relative; width: 100%; } #epc .row24 .inner .web_brolly4 .web_brolly4_list .web_brolly4_list_right img { width: 100% !important; margin-top: .48rem; border-radius: .12rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_top{ display:block; } #epc .row25 .inner .web_brolly5 .web_brolly5_top .web_brolly5_top_tit { width: 100%; } #epc .row25 .inner .web_brolly5 .web_brolly5_top .web_brolly5_top_tit h2 { font-size: .28rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_top .web_brolly5_top_text { width: 100%; font-size: .24rem; line-height: 1.8; } #epc .row25 .inner .web_brolly5 .web_brolly5_list { display: block; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_left { width: 100%; margin-top: .12rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_left .web_brolly5_list_left_box .web_brolly5_list_left_text{ width:4.2rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_left .web_brolly5_list_left_box .web_brolly5_list_left_text h3{ font-size:.32rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_left .web_brolly5_list_left_box .web_brolly5_list_left_text p{ font-size:.24rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_right { width: 100%; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_right .web_brolly5_list_right_box .web_brolly5_list_right_text{ width:4.2rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_right .web_brolly5_list_right_box .web_brolly5_list_right_text h3{ font-size:.32rem; } #epc .row25 .inner .web_brolly5 .web_brolly5_list .web_brolly5_list_right .web_brolly5_list_right_box .web_brolly5_list_right_text p{ font-size:.24rem; } #taiSimple .row11 .inner .web_bloom .web_bloom_top p { font-size: .24rem; text-align: center; line-height: 1.8; } #taiSimple .row11 .inner .web_bloom .web_bloom_list .web_bloom_list_tab { grid-template-columns: repeat(2, 1fr); gap: .14rem; display: grid; } #taiSimple .row11 .inner .web_bloom .web_bloom_list .web_bloom_list_tab .web_bloom_list_tab_box .web_bloom_list_tab_box_p{ font-size:.28rem; } #taiSimple .row11 .inner .web_bloom .web_bloom_list .web_bloom_list_con .web_bloom_list_con_pic img{ width:80%; } #taiSimple .row11 .inner .web_bloom .web_bloom_list .web_bloom_list_con{ height:5.2rem; } #taiSimple .row12 .inner .web_bloom2{ display:flex; } #taiSimple .row12 .inner .web_bloom2 .web_bloom2_left { width: 60%; } #taiSimple .row12 .inner .web_bloom2 .web_bloom2_left .web_bloom2_left_c{ font-size:.22rem; } #taiSimple .row12 .inner .web_bloom2 .web_bloom2_right { width: 40%; margin-left:0; } #taiSimple .row13{ padding-top:.48rem; } #taiSimple .row13 .inner .web_bloom3{ display:flex; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_left { width: 40%; margin-right: 0; } #taiSimple .row12 .inner .web_bloom2 .web_bloom2_left .web_bloom2_left_d .web_bloom2_left_d_tit h3{ font-size:.24rem; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right { width: 55%; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right .web_bloom3_right_a{ font-size:.24rem; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right .web_bloom3_right_c p{ font-size:.24rem; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right .web_bloom3_right_d .web_bloom3_right_d_box .web_bloom3_right_d_box_p h3{ font-size:.24rem; } #taiSimple .row14 .web_bloom4_bg{} #taiSimple .row14 .web_bloom4_bg img{ display:block; width:200%; } #taiSimple .row14 .web_bloom4 { background-color: rgb(198, 181, 91, .55); padding: .24rem; position: absolute; width: 95%; top: 10%; left: 2.5%; border-radius: .12rem; } #taiSimple .row14 .web_bloom4 .web_bloom4_p{ font-size:.22rem; } #taiSimple .row14 .web_bloom4 .web_bloom4_tit{ margin-left:.28rem; } #taiSimple .row14 .web_bloom4 .web_bloom4_tit:before{ top: .44rem; } #at-3 .row11 .inner .web_spend .web_spend_top h2{ font-size:.32rem; } #at-3 .row11 .inner .web_spend .web_spend_list { display: block; } #at-3 .row11 .inner .web_spend .web_spend_list .web_spend_list_left { width: 100%; } #at-3 .row11 .inner .web_spend .web_spend_list .web_spend_list_right { width: 100%; margin-left: 0; margin-top: .32rem; } #at-3 .row11 .inner .web_spend .web_spend_list .web_spend_list_right .web_spend_list_right_a{ font-size:.24rem; } #at-3 .row11 .inner .web_spend .web_spend_list .web_spend_list_right .web_spend_list_right_a i{ font-size:.32rem; } #at-3 .row11 .inner .web_spend .web_spend_list .web_spend_list_right .web_spend_list_right_c { font-size: .24rem; width: 100%; } #at-3 .row12 .inner .web_spend2 { display: block; } #at-3 .row12 .inner .web_spend2 .web_spend2_left { width: 100%; margin-right: 0; } #at-3 .row12 .inner .web_spend2 .web_spend2_left .web_spend2_left_a{ font-size:.24rem; } #at-3 .row12 .inner .web_spend2 .web_spend2_left .web_spend2_left_a i{ font-size:.32rem; } #at-3 .row12 .inner .web_spend2 .web_spend2_left .web_spend2_left_b { font-size: .38rem; } #at-3 .row12 .inner .web_spend2 .web_spend2_left .web_spend2_left_d{ font-size:.24rem; } #at-3 .row12 .inner .web_spend2 .web_spend2_left .web_spend2_left_c{ padding-top:.24rem; } #at-3 .row12 .inner .web_spend2 .web_spend2_right { width: 100%; margin-top:.24rem; } #at-3 .row12 .inner .web_spend2 .web_spend2_left .web_spend2_left_c .web_spend2_left_c_box .web_spend2_left_c_box_p h3{ font-size:.24rem; } #at-3 .row13 .inner .web_spend3 .web_spend3_img { width: 95%; position: relative; left: 0; } #at-3 .row13 .inner .web_spend3 .web_spend3_text { position: absolute; right: 0; top: 20%; background-color: #e5e5e5; padding: .24rem; border-radius: .12rem; width:95%; } #at-3 .row13 .inner .web_spend3 .web_spend3_text .web_spend3_text_b { font-size: .24rem; padding-bottom: .32rem; } #at-3 .row13 .inner .web_spend3 .web_spend3_text .web_spend3_text_d { font-size: .24rem; } #at-3 .row14 .inner .web_spend4 .web_spend4_top p{ font-size:.24rem; } #at-3 .row14 .inner .web_spend4 .web_spend4_list { height: 4.2rem; } #at-3 .row14 .inner .web_spend4 .web_spend4_list .web_spend4_list_tab .web_spend4_list_tab_img img{ height:4.2rem !important; } #at-3 .row14 .inner .web_spend4 .web_spend4_list .web_spend4_list_tab .web_spend4_list_tab_tit{ width:1.28rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #at-3 .row14 .inner .web_spend4 .web_spend4_list .web_spend4_list_tab .web_spend4_list_tab_text{ padding:.12rem; } #at-3 .row14 .inner .web_spend4 .web_spend4_list .web_spend4_list_tab .web_spend4_list_tab_text p{ line-height:1.5; } #at-3 .row15 .web_spend5_bg { width: 200%; } #at-3 .row15 .web_spend5{ width:95%; top:5%; } #at-3 .row15 .web_spend5 .web_spend5_text { width: 90%; } #at-3 .row15 .web_spend5 .web_spend5_text .web_spend5_text_p p{ font-size:.24rem; line-height:1.5; } .dotFn .txt.f-18 { font-size: 4vw; } #solartrack .row12 .inner .web_flower2 .web_flower2_bg img { width: 150%; transition: all 0.4s linear; } .flower_xBox .flower_xBox_text .flower_xBox_text_list.fxb{ display:flex; } .flower_xBox .flower_xBox_text .flower_xBox_text_list p{ font-size:.24rem; } .flower_xBox .flower_xBox_text .flower_xBox_text_list a{ font-size:.24rem; } #at-3 .row13 .inner .web_spend3 { position: relative; padding-bottom: 0.48rem; } #taiSimple .row31 .web_bloom5_bg img{ width:150%; } #taiSimple .row31 .web_bloom5{ width:95%; padding:.24rem; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right .web_bloom3_right_d .web_bloom3_right_d_box .web_bloom3_right_d_box_img .web_bloom3_right_small{ display:block; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right .web_bloom3_right_d .web_bloom3_right_d_box .web_bloom3_right_d_box_img .web_bloom3_right_small p{ width:100%; } #taiSimple .row13 .inner .web_bloom3 .web_bloom3_right .web_bloom3_right_d .web_bloom3_right_d_box .web_bloom3_right_d_box_img .web_bloom3_right_small p:first-child{ font-weight:700; } .web_carport4_q_text_list.fxb{ display:flex; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_q .web_carport4_q_text .web_carport4_q_text_list p{ font-size:.24rem; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_q .web_carport4_q_text .web_carport4_q_text_list a{ font-size:.24rem; } #epc .row18 .inner .web_carport4 .web_carport4_list .web_carport4_q .web_carport4_q_text .web_carport4_q_text_small p{ font-size:.2rem !important; } #epc .row19 .inner .web_carport5 .web_carport5_list .web_carport5_q .web_carport5_q_text .web_carport5_q_text_small p{ font-size:.24rem; } #epc .row11 .inner .web_case .web_case_list{ gap: 0 .01rem; } .symBol:before{ top:.12rem; } .web_history .web_history_bgImg .web_history_data .web_history_bgImg_list .web_history_bgImg_list_box{ padding:.24rem; } #about .r2 .inner .upSide .topic h2{ font-size:.32rem; } .greenBg{ left: 10% !important; height: 4rem !important; } #about .r11 .inner .web_service .web_service_list{ grid-template-columns: repeat(1, 1fr); margin-bottom: 0; } #reference .banner .inner .download_list{ margin: .32rem 0; } #reference .banner .inner .download_list.fxb{ display:flex; } #reference .banner .inner .download_list .download_title{ font-size:.28rem; } #reference .banner .inner .download_list .download_button{ font-size:.28rem; } #reference .row .inner .question_list .question_title h3{ font-size:.28rem; } #reference .row .inner .question_list .question_text{ font-size:.24rem; } }